
html,body {margin:0;padding:0;height:100%; font-family: PingFang SC,Helvetica Neue,Helvetica,Arial,Hiragino Sans GB,Microsoft Yahei,\\5FAEè½¯é›…é»‘,STHeiti,\\534Eæ–‡ç»†é»‘,sans-serif;background:#302a34;}
* {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
button:focus { outline:none;}
a {text-decoration:none;color:#000;}
ul{padding:0; margin:0;}
li{padding:0; margin:0; list-style:none}
img {border:0;}
hr {height:0;margin-top:10px;margin-bottom:10px;border:0;border-top:solid 1px #353c48;}

#header {background:#444250;position:fixed;top:0;left:0;right:0;z-index:20;}

.brand {display:block;overflow:hidden;width:101px;height:32px;margin:9px 0;text-indent:-999px;background:url("../img/icon/site-brand.png") no-repeat center top;-moz-background-size:cover;-webkit-background-size:cover;background-size:cover;}



.navbar-toggle {float:right;width:40px;height:32px;margin:9px 0;border:0;padding:5px 9px;background:none;cursor:pointer;}
.navbar-toggle .icon-bar {display:block;width:22px;height:2px;background:#fff;-webkit-transition: 0.15s cubic-bezier(0.75, -0.55, 0.25, 1.55);transition: 0.15s cubic-bezier(0.75, -0.55, 0.25, 1.55);}
.navbar-toggle .icon-bar + .icon-bar {margin-top:4px;}

.navbar-toggle.active .icon-bar {position:absolute;margin:0;}
.navbar-toggle.active .icon-bar:nth-child(1) {-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);}
.navbar-toggle.active .icon-bar:nth-child(2) {opacity:0;}
.navbar-toggle.active .icon-bar:nth-child(3) {-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);}

.navbar {display:none;-webkit-box-shadow:inset 0 1px 0 rgba(255, 255, 255, .5);box-shadow:inset 0 1px 0 rgba(255, 255, 255, .5);}
.nav {margin:5px 0;padding-left:0;}
.nav li {list-style:none;border-top:solid 1px rgba(255,255,255,.2);position:relative;}
.nav li:first-child {border-top:0;}
.nav li a {display:block;padding:20px 15px;font-size:16px;color:#fff;}
.nav li.active a {background:#c30e23; color:#dfd1b5}
.sub-nav {display:none;width:100%;}
.sub-nav ul {margin:0;padding-left:0;}
.sub-nav li {float:left;list-style:none;}
.sub-nav li a {display:block;padding:6px 15px;line-height:25px;font-size:14px;}
.sub-nav li.active {}
.sub-nav li.active a {color:#fff;background:#297abb;}
#header {position:fixed;top:0;left:0;right:0;
        background-repeat:repeat-x;
}
.global-nav {-webkit-transition:all .5s;transition:all .5s;}
.brand {float:left;width:190px;height:60px;-webkit-transition:all .5s;transition:all .5s;}
.navbar-toggle {display:none;}
.navbar {float:right;display:block;margin-right:-15px;border-top:0;-webkit-box-shadow:none;box-shadow:none;}
.nav {margin:0;}
.nav li {float:left;border:0;}
.nav li a {padding:20px 15px;line-height:40px; text-align:center; width:90px; font-weight:200; font-size:14px;	-webkit-transition: all .5s;
        transition: all .5s; }
.nav li a:hover {-webkit-transition: all 0.4s;transition: all 0.4s;}
.right {float:right;}

.clearfix:before, .clearfix:after,
.container:before, .container:after,
.row:before, .row:after,
.nav:before, .nav:after,
.global-nav:before, .global-nav:after,
.box-txt:before, .box-txt:after

{display:table;content:" ";clear:both;}
.container {margin-right:auto;margin-left:auto;padding-right:15px;padding-left:15px;}
.container {width:760px;}
.row {margin-left:-15px;margin-right:-15px;}
.col-4,.col-12 {float:left;min-height:1px;padding-left:15px;padding-right:15px;position:relative;}
.col-12 {width:100%;}
.col-4 {width:33.33333333%;}
@media (min-width:1200px) {.container {width:1170px;}}
#greenx {padding-top:10px;background:#302a34}
#greenx .lead {margin:20px auto;text-align:center;line-height:1.8;font-size:16px;color:#666;}
#greenx .item {height:auto;margin-bottom:10px; text-align:center;padding:20px;line-height:1.8;position:relative;}
#greenx .item img {width:130px;height:130px;}
#greenx .item h2 {margin-bottom:0; font-size:18px;color:#dfd1b5; font-weight:200}
#greenx .item p {margin: 0;font-size:14px;color:#e6e6e6; font-weight:200;}
#greenx .item a{ color:rgba(255, 255, 255, 0.99); font-size:14px; padding-right:25px; font-weight:200}
#greenx .item a:hover{ color:#e61d5f}
#greenx .item h3 {padding-bottom:20px; font-size:18px;color:#dfd1b5; font-weight:200; margin-top:0; padding-top:0;}
#greenx .item .item-pad{ padding:30px 0}
.item-mind-1{background-image: url("../img/icon/head-1.png"); background-repeat:no-repeat; background-size:140px; height:150px; background-position:center}
.item-mind-2{background-image: url("../img/icon/head-2.png"); background-repeat:no-repeat; background-size:140px; height:150px; background-position:center}
.item-mind-3{background-image: url("../img/icon/head-3.png"); background-repeat:no-repeat; background-size:140px; height:150px; background-position:center}
/* news */
.item-title {text-align:center; padding-top:20px;}
.item-title h1 { color:#302a34; margin:0 auto; font-weight:normal;padding:4px 5px; font-size:20px; background:#dfd1b5; border-radius:50px; width:145px;}
.carousel-top{ margin-top:80px;}
.item-title-money h1{ background:#cd172c; color:#f2eada;}
.item-mind-1{background-image: url("../img/icon/head-1.png"); background-repeat:no-repeat; background-size:140px; height:150px; background-position:center}
.item-mind-2{background-image: url("../img/icon/head-2.png"); background-repeat:no-repeat; background-size:140px; height:150px; background-position:center}
.item-mind-3{background-image: url("../img/icon/head-3.png"); background-repeat:no-repeat; background-size:140px; height:150px; background-position:center}
#greenx .item h2 {
    color: #dfd1b5;
    font-size: 18px;
    font-weight: 200;

}
#greenx .item p {
    color: #dfd1b5;
    font-size: 14px;
    font-weight: 200;
    margin: 0;
}

.item-string{
    width:80%;
    margin:0 auto;
}

.item-string img {
    width:100%;
    height:100%;
    display:block;
    border:none;
}

#sub-shipping2{
    background:#302a34;
    margin-bottom:10px;
}

#sub-shipping3{
    background:#cd172c;
}

#sub-shipping3 img{
    width:100%;
    height:100%;
    display:block;
    border:none;
}

#sub-shipping4{
    background:#302a34;
}

#sub-shipping4 img{
    width:100%;
    height:100%;
    display:block;
    border:none;
}
#sub-shipping5{
    background:#a38b79;
}
#sub-shipping5 img{
    width:100%;
    height:100%;
    display:block;
    border:none;
}
#sub-shipping {
    background: url("../img/icon/sid-1.png") no-repeat center center;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
}
.nav li a:hover {
    background: rgba(255,255,255,.1);
}
.item-ellipse { background:#a20d1f; padding:20px;}

/* food */
.item-food { margin-bottom:10px}
.item-food h3{background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0; color:#fff; font-weight:200; padding:10px 0; border-top:2px solid #e4007f; width:100%; font-size:14px; margin:0; position:absolute; bottom:0;}


/*item-sou*/
.item-sou{ background:rgba(106, 106, 106, 0.4) none repeat scroll 0 0;  position:relative;}
.item-sou input { width:100%; border:none; background:none; border: 0;
    outline: 0;
    -webkit-appearance: none;
    background-color: transparent;
    font-size: inherit;
    color:#fff;

    position:relative;
    padding:10px 0 10px 35px;
}
.item-sou button {
    position:absolute;
    right:0;
    top:0;
    bottom:0;
    background:#dfd1b5;
    color:#302a34;
    border:none;
    padding:9px 20px;
    font-size:14px;
    cursor:pointer;
    font-weight:200;

}

#footer {padding-top:40px;padding-bottom:40px;background:#302a34;}

#footer .copy {margin:0 5px;text-align:center;line-height:1.8;font-size:12px;color:#f6f5f5; font-weight:200}
#footer .copy span {display:block;}
#greenx .item-ellipse {
    margin-bottom:0;
}
#sub-shipping1 h2, #sub-shipping1 p{line-height:1.5;color:#fff;}
#sub-shipping .container, #sub-shipping1 .container{height:400px;padding:20px 15px;position:relative;}
#sub-shipping h2, #sub-shipping1 h2{margin:5px 0;font-size:22px;}
#sub-shipping h2,#sub-shipping p, #sub-shipping1 h2, #sub-shipping1 p{text-align:center;line-height:1.5;}
#sub-shipping p{margin:5px 0;}

/*@@@@*/
#sub-shipping .container, #sub-shipping1 .container{height:720px;position:relative;}
#sub-shipping1 h2{margin:0;text-align:center;font-size:48px;}
#sub-shipping p, #sub-shipping1 p{margin:10px 0;text-align:center;line-height:1.5;font-size:22px;}
img {
    max-width: 100%}
a {
    text-decoration: none;
}
.container {
    max-width: 1100px;
    margin: 0 auto;
}




